<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
	<meta charset="utf-8">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title></title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="stylesheet" href="../../../static/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../../static/css/plugins/toastr/toastr.min.css" />
		<!-- http://www.bootdo.com/css/plugins/bootstrap-table/bootstrap-table.min.css -->
		<link rel="stylesheet" href="../../../static/css/plugins/jsTree/style.min.css" />
		<link rel="stylesheet" href="../../../static/css/animate.css" />
		<link rel="stylesheet" href="../../../static/css/font-awesome.css" />
		<link rel="stylesheet" href="../../../static/css/style.css" />
		<link rel="stylesheet" href="../../../static/css/plugins/iCheck/custom.css" />
		<link rel="stylesheet" href="../../../static/css/plugins/cropper/cropper.css" />
		<link rel="stylesheet" href="../../../static/js/plugins/layer/laydate/skins/default/laydate.css" />
		<link rel="stylesheet" href="../../../static/css/gg-bootdo.css" />
		<link rel="stylesheet" href="../../../static/css/aipark.css" />
	</head>

	<body class="gray-bg">
		<div class="treeleft wrapper wrapper-content" id="classification">
			<div class="treeleft row">
				<div class="treeleft col-sm-3">
					<div class="ibox ibox-body">
						<div class="ibox-title">
							<h5>分类树</h5>
						</div>
						<div class="ibox-content">
							<div id="jstree">
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-9">
					<div class="ibox" id="list">
						<div class="ibox-body">
							<div class="fixed-table-toolbar">
								<div class="columns pull-left">
									<input type="hidden" id="paerntCategoryId" name="paerntCategoryId" value="0">
									<input type="hidden" id="paerntCategoryName" name="paerntCategoryName" value="">
									<button v-show="isShowFun('sys:category:add')" v-cloak shiro:hasPermission="sys:user:add" type="button" class="btn  btn-primary" onclick="add()">
                                <i class="fa fa-plus hidden" aria-hidden="true"></i>添加
                            </button>
								</div>
								<!-- <div class="columns pull-right">
                            <button class="btn btn-success" onclick="reLoad()">查询</button>
                        </div>
                        <div class="columns pull-right col-md-2 nopadding">
                            <input id="searchName" type="text" class="form-control"
                                placeholder="姓名">
                            <input type="hidden" id="deptid">
                        </div> -->
							</div>
							<table id="exampleTable" data-mobile-responsive="true">
							</table>
						</div>
					</div>
					<div class="ibox" id="details" style="display:none;">
						<div class="ibox-body">
							<div class="fixed-table-toolbar">
								<div class="current">
									<span>当前分类信息></span>
									<button class="btn btn-success" onclick="hideDetails();">返回</button>
								</div>
								<hr>
								<div class="columns">
									<input type="hidden" id="categoryId">
									<ul class="details">
										<li>上级分类:<span class="fos" id="parentName"></span></li>
										<li>编号:<span class="fos"  id="code"></span></li>
										<li>名称:<span class="fos" id="categoryName"></span></li>
										<li>描述:<span class="fos" id="description"></span></li>
									</ul>
								</div>
								<div class="columns pull-left">
									<button v-show="isShowFun('sys:categoryModule:add')" v-cloak shiro:hasPermission="sys:user:add" type="button" class="btn  btn-primary" onclick="addModule();">
                                <i class="fa fa-plus hidden" aria-hidden="true"></i>新增栏目
                            </button>
								</div>
							</div>
						</div>
						<div id="modules_div">

						</div>
					</div>
				</div>
			</div>
			<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
			<div>
				<script type="text/javascript">
					var s_edit_h = 'hidden';
					var s_remove_h = 'hidden';
					var s_resetPwd_h = 'hidden';
				</script>
			</div>
			<div shiro:hasPermission="sys:user:edit">
				<script type="text/javascript">
					s_edit_h = '';
				</script>
			</div>
			<div shiro:hasPermission="sys:user:remove">
				<script type="text/javascript">
					var s_remove_h = '';
				</script>
			</div>
			<div shiro:hasPermission="sys:user:resetPwd">
				<script type="text/javascript">
					var s_resetPwd_h = '';
				</script>
			</div>
		</div>
		<div id="module_sample_id" style="display: none;">
			<div>
				<div class="buonip">
					<span class="xlop">
                <input type="hidden" name="columnCount">
                <span class="fos" style="margin-right:5px;" name="nameSpan"></span>
					<a v-show="isShowFun('sys:categoryModule:edit')" v-cloak href="javascript:void(0);" name="editHref"><i style="margin-right:5px;" class="fos fa fa-pencil-square-o" aria-hidden="true"></i></a>
					<a v-show="isShowFun('sys:categoryModule:remove')" v-cloak href="javascript:void(0);" name="delHref"><i class="fos fa fa-trash-o" aria-hidden="true"></i></a>
					</span>
					<button v-show="isShowFun('sys:categoryAttribute:categoryAttribute')" class="btn btn-success pull-right" name="fieldBtn">选择字段</button>
				</div>
				<div>
					<table class="table" name="attrTable">
					</table>
				</div>
			</div>
		</div>
		<table class="table" style="display: none;">
			<tr>
				<td style="text-align:right" class="typename">
					维保日期：
				</td>
				<td class="filed-ipt">
					<div class="form-inline">
						<a href="#"><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
						<input type="text" class="form-control">
						<a href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
					</div>
				</td>
				<td style="text-align:right" class="typename">
					维保状态：
				</td>
				<td class="filed-ipt">
					<div class="form-inline">
						<select class="form-control">
							<option>在报中</option>
							<option>已过报</option>
						</select>
						<a href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
					</div>

				</td>
				<!--  <span class="float：left">
           <a class="btn btn-warning btn-sm " href="#" title="删除" mce_href="#" onclick="remove('137')">
           <i class="fa fa-remove"></i></a>
         </span> -->
				<td style="text-align:right" class="typename">
					可用性：
				</td>
				<td class="filed-ipt">
					<div class="form-inline">
						<select class="form-control">
							<option>在报中</option>
							<option>已过报</option>
						</select>
						<a href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
					</div>
				</td>
				<td style="text-align:right" class="typename">
					可用性检查时间：
				</td>
				<td class="filed-ipt">
					<div class="form-inline">
						<a href="#"><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
						<input type="text" class="form-control">
						<a href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
					</div>
				</td>
			</tr>
			<tr>
				<td style="text-align:right" class="typename">
					维保日期：
				</td>
				<td class="filed-ipt">
					<div class="form-inline">
						<a href="#"><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
						<input type="text" class="form-control">
						<a href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
					</div>
				</td>
				<td style="text-align:right" class="typename">
					维保状态：
				</td>
				<td class="filed-ipt">
					<div class="form-inline">
						<select class="form-control">
							<option>在报中</option>
							<option>已过报</option>
						</select>
						<a href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
					</div>

				</td>
				<!--  <span class="float：left">
           <a class="btn btn-warning btn-sm " href="#" title="删除" mce_href="#" onclick="remove('137')">
           <i class="fa fa-remove"></i></a>
         </span> -->
				<td style="text-align:right" class="typename">
					可用性：
				</td>
				<td class="filed-ipt">
					<div class="form-inline">
						<select class="form-control">
							<option>在报中</option>
							<option>已过报</option>
						</select>
						<a href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
					</div>
				</td>
				<td style="text-align:right" class="typename">
					可用性检查时间：
				</td>
				<td class="filed-ipt">
					<div class="form-inline">
						<a href="#"><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
						<input type="text" class="form-control">
						<a href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
					</div>
				</td>
			</tr>
		</table>
		<div id="text_sample_div" style="display: none">
			<table>
				<tr>
					<td style="text-align:right" class="typename" name="labelTD">
						<span name="attrLabel"></span>：
					</td>
					<td class="filed-ipt" name="domTD">
						<div class="form-inline">
							<input type="hidden" class="dom-flag" name="attrId">
							<input type="text" class="form-control" name="attr">
							<a href="javascript:void(0);" name="delHref"><i class="fa fa-times" aria-hidden="true"></i></a>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<div id="datetime_sample_div" style="display: none">
			<table>
				<tr>
					<td style="text-align:right" class="typename" name="labelTD">
						<span name="attrLabel"></span>：
					</td>
					<td class="filed-ipt" name="domTD">
						<div class="form-inline">
							<input type="hidden" class="dom-flag" name="attrId">
							<input type="text" class="form-control" readonly name="attr">
							<a href="javascript:void(0);" name="delHref"><i class="fa fa-times" aria-hidden="true"></i></a>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<div id="rpopwin_sample_div" style="display: none">
			<table>
				<tr>
					<td style="text-align:right" class="typename" name="labelTD">
						<span name="attrLabel"></span>：
					</td>
					<td class="filed-ipt" name="domTD">
						<div class="form-inline">
							<input type="hidden" class="dom-flag" name="attrId">
							<input type="text" class="form-control" readonly name="attr">
							<a href="javascript:void(0);" name="delHref"><i class="fa fa-times" aria-hidden="true"></i></a>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<div id="textarea_sample_div" style="display: none">
			<table>
				<tr>
					<td style="text-align:right" class="typename" name="labelTD">
						<span name="attrLabel"></span>：
					</td>
					<td colspan="3" class="filed-ipt textarea" name="domTD">
						<div class="form-inline textarea">
							<input type="hidden" class="dom-flag" name="attrId">
							<textarea rows="3" style="width:95%"></textarea>
							<a class="colo" href="javascript:void(0);" name="delHref" style="width: 30px;"><i class="fa fa-times" aria-hidden="true"></i></a>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<div id="select_sample_div" style="display: none">
			<table>
				<tr>
					<td style="text-align:right" class="typename" name="labelTD">
						<span name="attrLabel"></span>：
					</td>
					<td class="filed-ipt" name="domTD">
						<div class="form-inline">
							<input type="hidden" class="dom-flag" name="attrId">
							<select>
								<option>请选择</option>
							</select>
							<a href="javascript:void(0);" name="delHref"><i class="fa fa-times" aria-hidden="true"></i></a>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<!-- <div th:include="include :: footer"></div> -->
		<script src="../../../static/js/public.js"></script>
		<script src="../../../static/js/jquery.min.js?v=2.1.4"></script>
		<script src="../../../static/js/vue.min.js"></script>
		<script src="../../../static/js/bootstrap.min.js?v=3.3.6"></script>
		<script src="../../../static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
		<script src="../../../static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
		<script src="../../../static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
		<script src="../../../static/js/plugins/validate/jquery.validate.min.js"></script>
		<script src="../../../static/js/plugins/validate/messages_zh.min.js"></script>
		<script src="../../../static/js/plugins/jsTree/jstree.min.js"></script>
		<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.min.js"></script>
		<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.extension.js"></script>
		<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.bootstrap3.js"></script>
		<script src="../../../static/js/plugins/chosen/chosen.jquery.js"></script>
		<script src="../../../static/js/plugins/layer/layer.js"></script>
		<script src="../../../static/js/content.js?v=1.0.0"></script>
		<!-- summernote -->
		<script src="../../../static/js/plugins/summernote/summernote.js"></script>
		<script src="../../../static/js/plugins/summernote/summernote-zh-CN.min.js"></script>
		<script src="../../../static/js/ajax-util.js"></script>
		<script type="text/javascript" src="../../../static/js/appjs/sys/classification/classification.js"></script>
	</body>

</html>